Nocode-UI

🚧 This package is still under development check for update on Toddle discord

How to use it ?

To be able to use this package you need to import the Style component on every page where you are going to use the Nocode-UI components.

Components

Alert

nui-alert

by Aburio

An alert is use to get user attention

Demo

Attributes

Events

No events

Slots

No slots

Subcomponents

No subcomponents

Badge

nui-badge

by Mark Green,Aburio

A badge to highlight a text or icon

Demo

Icon + Text inside span
text only
fix width badge !
default variant
secondary variant
outline variant
success variant
destructive variant

Attributes

Events

No events

Slots

No slots

Subcomponents

No subcomponents

Button

nui-button

by Aburio

A button to allow user interactions

Demo

Attributes

Events

No events

Slots

No slots

Subcomponents

No subcomponents

Label

nui-label

by Aburio

A label for form elements

Demo

Attributes

Events

No events

Slots

No slots

Subcomponents

No subcomponents

Input

nui-input

by Aburio

A input field for forms

Demo

Attributes

Events

No events

Slots

No slots

Subcomponents

No subcomponents

Style

nui-style

by Aburio

The CSS mandatory to manage styles

Demo

Attributes

Events

No events

Slots

No slots

Subcomponents

No subcomponents

Table

nui-table

by Aburio

A responsive table

Demo

Default variant

Username Rating
Aburio
KB9
JM-Aulas
Avr. 2.33 / 3
A table caption can be added

Rounded variant

Username Rating
Aburio
KB9
JM-Aulas
Avr. 2.33 / 3

Attributes

Events

No events

Slots

No slots

Subcomponents

No subcomponents